<template>
  <div class = "app-wrapper">
    <NuxtPage />
  </div>
</template>

<style>
/* 全局样式 - 应用于整个HTML文档和最外层容器 */
html, body, #__nuxt, .app-wrapper {
  margin: 0;
  padding: 0;
  height: 100%; /* 确保html, body和根元素占据整个视口高度 */
  overflow-y: auto;
}

.app-wrapper {
  /* 渐变背景色 */
  background: linear-gradient(to bottom, #fff, #fff); /* 从左到右的浅灰色到更浅灰色的渐变 */
  /* 或者使用更接近图片效果的蓝紫色渐变，你可以自行调整颜色 */
  /* background: linear-gradient(to right, #91c7f9, #a8dadc); */
  
  /* 如果图片中有一种更复杂的颜色，你可以使用在线渐变生成器来获取CSS代码 */
  /* 例如：background: linear-gradient(135deg, #6a82fb, #fc5c7d); */
}
</style>